<template>
    <div id="vheader">
      <div class="right nav text_right">
        <ul>
          <li>
            <router-link to="/">
              仪表盘
            </router-link>
          </li>
        </ul>
      </div>
    </div>
</template>

<script>
    export default {
        name: "vheader",
        msg: "",
    }
</script>

<style lang="less">
    #vheader{
      width:100%;
      min-width:1200px;
      height:52px;
      line-height:52px;
      text-align: center;
      box-shadow: 1px 2px 3px rgba(0,0,0,0.1);
      background: #fff;
    }
    .right {
      float: right;
    }
    .nav {
      width: 35%;
    }

    .nav>ul {
      padding-right: 50px;

    }

    .nav>ul>li {
      display: inline-block;
      width: 120px;
      text-align: center;
      height: 50px;
      position: relative;
      line-height: 50px;
      /*margin-top: 15px;*/
      box-sizing: border-box;
      box-shadow: -10px 0px 15px #034c6a inset,
        0px -10px 15px #034c6a inset,
      10px 0px 15px #034c6a inset,
      0px 10px 15px #034c6a inset;
      border-radius: 5px;
    }

    .nav>ul>li:hover {
      box-shadow: none;
      background-color: #034c6a;
      box-sizing: border-box;
    }

    .nav>ul>li i {
      width: 16px;
      height: 16px;
      display: inline-block;
      position: relative;
      top: 3px;
      margin-right: 5px;
    }

    .nav>ul>li>a {
      color:deepskyblue;
      display: block;
      font-size: 14px;
    }
</style>
